<template>
  <view class="sugg">
    <!-- 左侧的图片 -->
    <image class="sugg-img" :src="sugg.img"  mode=""></image>
    <!-- 右侧的文本 -->
    <view class="sugg-text">
      <text style="font-size: 15px;font-weight: bold;">{{sugg.text}}</text>
      <text>{{sugg.time}}</text>
    </view>
  </view>
</template>

<script>
  export default {
    name:"my-suggest",
    props: {
      sugg: {
        type: Object,
        default: {}
      }
    },
    data() {
      return {
        
      };
    }
  }
</script>

<style lang="scss">
.sugg {
  width: 90%;
  height: 150rpx;
  display: flex;
  justify-content: left;
  padding: 20rpx 20rpx;
  background-color: white;
  align-items: center;
  // color: #808080;
  color: black;
  box-shadow: 10rpx 10rpx 10rpx gray;
  .sugg-img {
    height: 90%;
    width: 20%;
    margin-right: 40rpx;
  }
  .sugg-text {
    display: flex;
    flex-direction: column;
    text {
      margin: 20rpx 0;
    }
  }
}
</style>